<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <link rel="icon" type="image/x-icon" href="favicon.ico">
    <title>2.0-订单配送实时跟踪／详情</title>
    <link rel="stylesheet" href="styles/bootstrap/bootstrap.css">
    <link rel="stylesheet" href="styles/bootstrap-table.css">
    <link rel="stylesheet" href="lib/layui/css/layui.css">
    <link rel="stylesheet" href="styles/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="styles/awesome/font-awesome.min.css">
    <link rel="stylesheet" href="sfy/styles/fonts/iconfont.css">
    <link rel="stylesheet" href="styles/reset.css">
    <link rel="stylesheet" href="styles/main.css">
    <link rel="stylesheet" href="styles/cy.css">
    <link rel="stylesheet" href="styles/qd.css">
    <link rel="stylesheet" href="styles/sfy_nav.css">

</head>

<body>
    <!--头部-->
    <div class="header">
        <div class="header_top">
            <div class="user-nav">
                <div class="current-user">
                    <span class="cu-name">樊明</span>
                    <div class="userboxinfo">
                        <ul class="ul_userlist">
                            <li><a href="/logout">退出</a></li>
                        </ul>
                    </div>
                </div>
                欢迎您登录
            </div>
        </div>
        <div class="header_con">
            <a href="#" class="logo">
                <img src="images/logo.png">
            </a>
        </div>
    </div>
    <!--end头部-->
    <!--菜单-->
    <div class="headernav">
        <div class="head_nav">
            <!--菜单-->
            <div class="source_menu">
                <div class="menu_btn">资源</div>
                <div class="menu_list">
                    <ul class="has_sub">
                        <li class="active">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                        <li class="">
                            <a class="menu_tit">权限管理</a>
                            <ul>
                                <li>
                                    <a href="#!/authoritymenuconfig" class="active">菜单配置</a>
                                </li>
                                <li>
                                    <a href="#!/authorityRoleConfig">角色配置</a>
                                </li>
                                <li>
                                    <a href="#!/userManagerList">用户管理</a>
                                </li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </div>
            <!--end 菜单-->
            <!--一级按钮-->
            <div class="operate-btns">
                <a href="javascript:;" class="fbtn iconfont icon-head-refresh disabled">刷新</a>
            </div>
            <!--end 一级按钮-->
        </div>
        <div class="con_breadcrumb">
            <ol class="breadcrumb">
                <li><a href="#">订单配送实时跟踪／详情</a></li>
            </ol>
            <h3 class="current_module">订单配送实时跟踪／详情</h3>
        </div>
    </div>
    <!--end菜单-->
    <div class="content">
        <div class="bd-lft" style="padding-left: 390px;">
            <div class="main layui-form">
                <div class="wldd-right">
                    <div class="wldd-tit">
                        <span class="time fl">2017-01-01  09:26:21</span>
                        <span class="fr"><i>九江市XXXX地</i><i>已行驶</i><i>3小时36分钟</i><i>256公里</i></span>
                    </div>
                    <!-- 流体布局 -->
                    <div class="wldd-con fluid_layout clear">
                        <dl class="fluid_fl fl">
                            <dt>
                                <p class="fl" style="line-height: 18px;">
                                    <b>武汉</b>
                                    <span>01-01</span>
                                    <span>07:50</span>
                                </p>
                                <i></i>
                                <p class="fr"><b>南昌</b></p>
                            </dt>
                            <dd>
                                <span>武汉医通商业公司</span>
                                <span>江南南昌商业公司</span>
                            </dd>
                        </dl>
                        <span class="wldd-con-to fl">鄂A88888<br>张三</span>
                        <dl class="fluid_fr">
                            <dt>
                                <span>武汉路顺顺运输公司</span>
                            </dt>
                            <dd>
                                <a class="green-button fr" href="">订单明细</a>
                                <div class="" style="margin-right: 110px;">
                                    <p>
                                        <span>CKD0101010102</span>
                                    </p>
                                    <p>
                                        <span>2个品规</span>
                                        <span>1530 件</span>
                                        <span>42.228 m³ </span>
                                        <span>22950 kg</span>
                                    </p>
                                </div>
                            </dd>
                        </dl>
                    </div>
                </div>
                <!-- 物流入库作业 -->
                <div class="wldd-right mt-20">
                    <div class="wldd-tit">
                        <span class="time fl">中转物流公司<i>江西赣路通物流公司</i></span>
                        <span class="fr">GWL0000000001<i>赣A99999</i></span>
                    </div>
                    <div class="wldd-con">
                        <div id="allmap" style="width:100%; height:324px; border: 1px solid #c8c8c8;"></div>
                    </div>
                </div>
            </div>

            <div class="aside" style="width: 360px; left: -390px;">
                <div class="group_search layui-form">
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="input-group input-grout-button">
                                <input type="text" class="form-control" placeholder="业务订单">
                                <span class="input-group-btn">
                                    <img src="images/img2_03.png" class="but_1">
                                </span>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-md-12 col-lg-12">
                            <div class="input-group input-grout-button">
                                <input type="text" class="form-control" placeholder="车牌号">
                                <span class="input-group-btn">
                                    <img src="images/img2_03.png" class="but_1">
                                </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="left-table clearfix">
                    <table class="table">
                        <tbody>
                            <tr class="on">
                                <td>01</td>
                                <td><span class="font-gray">CKD0101010102</span><br>武汉医通商业公司</td>
                                <td>武汉-南昌</td>
                            </tr>
                            <tr>
                                <td>02</td>
                                <td><span class="font-gray">CKD0101010102</span><br>武汉医通商业公司</td>
                                <td>武汉-南昌</td>
                            </tr>
                            <tr>
                                <td>03</td>
                                <td><span class="font-gray">CKD0101010102</span><br>武汉医通商业公司</td>
                                <td>武汉-南昌</td>
                            </tr>
                            <tr>
                                <td>04</td>
                                <td><span class="font-gray">CKD0101010102</span><br>武汉医通商业公司</td>
                                <td>武汉-南昌</td>
                            </tr>
                            <tr>
                                <td>05</td>
                                <td><span class="font-gray">CKD0101010102</span><br>武汉医通商业公司</td>
                                <td>武汉-南昌</td>
                            </tr>
                            <tr>
                                <td>06</td>
                                <td><span class="font-gray">CKD0101010102</span><br>武汉医通商业公司</td>
                                <td>武汉-南昌</td>
                            </tr>
                            <tr>
                                <td>07</td>
                                <td><span class="font-gray">CKD0101010102</span><br>武汉医通商业公司</td>
                                <td>武汉-南昌</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>

    <footer class="footer">
        <p>
            Copyright © 2015-2017
            <a href="http://www.miitbeian.gov.cn/state/outPortal/loginPortal.action" target="_blank">粤ICP备16033858-1</a> 深圳传世般若科技有限公司
        </p>
    </footer>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=onm6QXE7G4Ier25v6mfcCdeFD4CmK4gR"></script>
    <script type="text/javascript" src="lib/jquery.min.js"></script>
    <script type="text/javascript" src="lib/underscore-min.js"></script>
    <script type="text/javascript" src="lib/layui/lay/dest/layui.all.js"></script>
    <script type="text/javascript" src="lib/bootstrap.min.js"></script>
    <script type="text/javascript" src="lib/bootstrap-table.js"></script>
    <script type="text/javascript" src="lib/jquery.validate.min.js"></script>
    <script type="text/javascript" src="lib/city-picker.js"></script>
    <script type="text/javascript" src="lib/bootstrap-datetimepicker.min.js"></script>
    <script type="text/javascript" src="lib/jquery.slimscroll.js"></script>
    <script type="text/javascript" src="lib/echarts.js"></script>
    <script type="text/javascript" src="lib/flot/jquery.flot.js"></script>
    <script type="text/javascript" src="lib/zUI.js"></script>
    <!--新导航-->
    <script type="text/javascript" src="lib/snap.svg-min.js"></script>
    <script type="text/javascript" src="lib/modernizr.custom.js"></script>
    <script type="text/javascript" src="js/header_sfy.js"></script>
    <!--end新导航-->
    <script type="text/javascript" src="lib/paging.js"></script>
    <script type="text/javascript" src="js/app.js"></script>
    <script type="text/javascript" src="js/validate-demo.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script>
        var map = new BMap.Map("allmap");
        map.centerAndZoom(new BMap.Point(), 11);
        var p1 = new BMap.Point(114.3162, 30.581084); //起点
        var p2 = new BMap.Point(116.395645, 39.929986); //终点
        var pt = new BMap.Point(114.049154, 32.983158); //车辆定位
        var myIcon = new BMap.Icon("../images/map-car.png", new BMap.Size(32, 32)); //车辆图标
        var marker2 = new BMap.Marker(pt, {
            icon: myIcon
        }); // 创建标注
        map.addOverlay(marker2);
        var driving = new BMap.DrivingRoute(map, {
            renderOptions: {
                map: map,
                autoViewport: true
            }
        });
        driving.search('武汉', '北京', {
                // waypoints: ["郑州", "石家庄"]
            }) //waypoints表示途经点
        map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    </script>
</body>

</html>